/* Son of Suckerfish Dropdowns --------------------------------------------------------- Originally developed by Patrick Griffiths and Dan Webb http://www.htmldog.com/articles/suckerfish/dropdowns/ --------------------------------------------------------- NOTE: After a deep research, we decide to divide this CSS into 2 parts. The first part will define the layout. The second part will define the visual look for this menu. ---------------------------------------------------------*/ #ja-cssmenu { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu ul { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu li { margin: 0; /* all list items */ padding: 0; float: left; display: block; cursor: pointer; } #ja-cssmenu .menu-item0 { background: none!important; } #ja-cssmenu .menu-item0 a { background: none!important; } #ja-cssmenu .menu-item0 a:hover, #ja-cssmenu .menu-item0 a:active, #ja-cssmenu .menu-item0 a:focus, #ja-cssmenu .menu-item0 a.sfhover, #ja-cssmenu .menu-item0 a.active, #ja-cssmenu .menu-item0 a.active:hover, #ja-cssmenu .menu-item0 a.active:active, #ja-cssmenu .menu-item0 a.active:focus { color: #ffffff; /*background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/separator.png) no-repeat left #0a0b0c;*/ background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/aktiven_meni.png) transparent!important; } #ja-cssmenu .menu-item0 .active { background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/aktiven_meni.png) transparent!important; } #ja-cssmenu .menu-item0 .sfhover { background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/aktiven_podmeni.png) transparent!important; } #ja-cssmenu li ul { width: 19.0em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; } #ja-cssmenu li ul ul { margin: -2em 0 0 14em; /* third-and-above-level lists */ } #ja-cssmenu li li { padding: 0; margin: 0; width: 17.0em; background:none; } #ja-cssmenu ul a { width: 16.5em; } #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #ja-cssmenu li a { margin: 0 ; padding: 8px 25px 8px 25px; display: block; line-height: normal; font-weight: bold; text-decoration: none; background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/separator.png) no-repeat left; text-align:center; } #ja-cssmenu li { background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/separator.png) no-repeat left; } #ja-cssmenu li a .menu-title{ /*padding: 0 10px 0 10px;*/ } #ja-cssmenu li a.haschild .menu-title{ background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/puscica.png) no-repeat 101% 50% ; display: block; overflow: hidden; padding-right: 12px; padding-left: 0px; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus, #ja-cssmenu li a.sfhover, #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { overflow: hidden; color:fff; /*background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/separator.png) no-repeat left #0a0b0c;*/ background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/aktiven_meni.png) transparent!important; } #ja-cssmenu li:hover, #ja-cssmenu li.sfhover, #ja-cssmenu li.havechild-activesfhover { } /* 2nd level and above */ #ja-cssmenu li ul { border-top: 0; background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/crn_podmeni.png) transparent; } #ja-cssmenu li ul ul {} #ja-cssmenu li ul li { /*background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/crn_podmeni.png) transparent;*/ } #ja-cssmenu li ul a { border-right: 0; border-left: 0; margin: 0; padding: 7px 15px; background: none!important; font-weight: normal; line-height: normal; font-family: Trebuchet MS, Arial, sans-serif; } #ja-cssmenu li ul a .menu-title{ font-size:13px; background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/pika_podmeni.png) no-repeat left transparent; padding-left:10px; text-align:left; font-weight: bold; } #ja-cssmenu li ul .menu-desc{ padding-left:10px; text-align:left; } #ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active { /*background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/crn_podmeni.png) transparent;*/ } #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover{ background:none!important; } #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover, #ja-cssmenu ul li.sfhover{ background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/aktiven_podmeni.png) transparent!important; display:block; width:100%; } #ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus { background: url(/web/20140626023103im_/http://www.bmwslo.com/templates/bmwslo/images/aktiven_podmeni.png) transparent!important;} /* FILE ARCHIVED ON 02:31:03 Jun 26, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 21:01:59 Apr 22, 2019. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): LoadShardBlock: 206.326 (3) esindex: 0.01 captures_list: 239.701 CDXLines.iter: 16.236 (3) PetaboxLoader3.datanode: 229.988 (5) exclusion.robots: 0.465 exclusion.robots.policy: 0.434 RedisCDXSource: 11.403 PetaboxLoader3.resolve: 138.564 (2) load_resource: 239.461 */